<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<c:set var="basePath" value="${pageContext.request.contextPath}"/>
<!DOCTYPE html>
<html>
<head>
<title>设备能源管理系统(EMS)</title>
<meta charset="UTF-8" />
	<jsp:include page="../../common/header.jsp"/>
	<script type="text/javascript" src="${basePath}/resources/js/moment.js"></script>
	<script type="text/javascript" src="${basePath}/resources/js/manage/weekSlider.js"></script>
	<script type="text/javascript" src="${basePath}/resources/js/single/electricity/electricityweek.js"></script>
	<script type="text/javascript" src="${basePath}/resources/js/manage/equipTree.js"></script>
</head>
<body class="easyui-layout">
<jsp:include page="../../common/top.jsp"/>
<div class="layout-content" data-options="region:'center',border:false">
		<div class="ems-main-north" >
			<div class="ems-main-time">
				<p>统计时间</p>
				<div class="ems-main-slider2"><div id="ss"></div></div>
			</div>
			<div class="ems-main-btns"><a class="easyui-linkbutton" data-options="iconCls:'icon-search'" href="javascript:;" id="switchbtn" >切换设备</a> <a class="easyui-linkbutton" data-options="iconCls:'icon-search'" href="javascript:;" id="defineTime">自定义时间</a></div>
		</div>
		<div class="ems-main-center">
		    <div class="easyui-layout togray" data-options="fit:true" id="itemData">
			    <div data-options="region:'west',title:'编号{{item.equNo}}',split:true,collapsible:false,iconCls:'icon-p1'" class="content-bk50">
			    	<img v-bind:src=item.path class="content-img">
			    	<div class="content-text3">
			    		<p><span>起始时间:</span><b class="color-1">{{item.startTime}}</b></p>
			    		<p><span>结束时间:</span><b class="color-2">{{item.endTime}}</b></p>
			    		<p><span>满载总时长:</span><b class="color-3">{{item.totalDuration}}</b></p>
			    		<p><span>耗费总电度:</span><b class="color-4">{{item.totalComp}}</b></p>
			    		<p><span>总电费:</span><b class="color-5">{{item.totalCharge}}</b></p>
			    	</div>
			    </div>   
			    <div data-options="region:'center',title:'电费电度',split:true,collapsible:false,iconCls:'icon-p1'" class="content-bk50" id="weekpie"></div>
		    </div>
		</div>
		<div class="ems-main-south">
		    <div class="easyui-layout togray" data-options="fit:true">
			    <div data-options="region:'center',title:'电费电度趋势',split:true,collapsible:false,iconCls:'icon-p1'" class="opt-south" id="weekbar">
			    </div>   
		    </div>
		</div>
	</div>
	<!-- 自定义时间的表单-->
<div id="defineTimeWin">
	<form id="defineTimeform" method="post" >
	    <div class="col-pd-12 form-item"> 
	        <label class="col-pd-3">定义年份：</label> 
	        <div class="col-pd-8"><input name="startTime" class="  easyui-numberbox  easyui-validatebox" type="text" style="width:200px;" data-options="required:'true'" /></div>
	    </div>
	</form>
</div>
<!-- 设备的表单 -->
<div class="togray">
	<div id="switchEquip" class="easyui-window" data-options="title:'设备选择',modal:true,iconCls:'icon-save','closed':true,border:false" style="width:800px;height:450px;padding:5px;">
		<div class="easyui-layout" data-options="fit:true">
			<div data-options="region:'west',split:true" style="width:150px">
				<div id="linetree"></div>
			</div>
			<div data-options="region:'center'">
				<table id="lines_data"></table>
			</div>
			<div data-options="region:'south',border:false" style="text-align:right;padding:5px 0 0;">
				<a class="easyui-linkbutton" data-options="iconCls:'icon-ok'" href="javascript:;" id="switchEquipOK" style="width:80px">确定</a>
				<a class="easyui-linkbutton" data-options="iconCls:'icon-cancel'" href="javascript:;" onclick="$('#switchEquip').dialog('close')" style="width:80px">关闭</a>
			</div>
		</div>
	</div>
</div>
</body>
</html>